/**
 * Created by hxsd on 2016/7/8.
 */

angular.module("mainApp").controller("recommendCtrl",function($scope,$http,$ionicModal){
    $scope.changeScale=function(){
        var recommendCardLeftWidth=parseInt($(".recommendCard-top").css("width"))-125;
        $(".recommendCard-left").css("width",recommendCardLeftWidth+"px");
        $(".recommendCard").each(function(){
            if(parseInt($(this).offset().top)>300){
                $(this).css("transform","scale("+(1-(parseInt($(this).offset().top)-300)/3500)+")")
            }
            if(parseInt($(this).offset().top)<250){
                $(this).css("transform","scale("+(1-(250-parseInt($(this).offset().top))/3500)+")")
            }

        })
    };
    $scope.page = 0;        // 用来保存当前请求的页码
    $scope.total = 1;       // 用来保存总页数
    $scope.allRecommend = [];
    // 加载餐馆的方法
    $scope.getRecommend = function () {
        $scope.page++;  // 页数++
        var url = "views/recommend/recommendJson.json";
        $http.get(url)
            .success(function (response) {
                angular.forEach(response.recommendInfo, function (data) {
                    $scope.allRecommend.push(data);    // 将新数据追加到数组中
                });
                // 更新总页面数，基于API发送的值
                $scope.total = response.totalPages; // 示例数据中为30页
                // 广播事件，告诉无限滚动组件everything is done
                $scope.$broadcast("scroll.infiniteScrollComplete");
            })
            .error(function (err) {
                $scope.$broadcast("scroll.infiniteScrollComplete");
                console.log(err);
            });
    };
    $scope.getRecommend();    // 加载时，从API加载第一页餐馆数据
    $ionicModal.fromTemplateUrl("recommend-modal.html",{
        scope: $scope,      // 默认使用的是$rootScope，因些执行这一句，改为使用$scope
        animation: 'slide-in-up'    // 模态窗口出现的动画效果
    }).then(function(modal){
        $scope.modal = modal;       // 在$scope中保存创建好的模态窗口
    });
    $scope.openModal = function(){
        $scope.modal.show();    // 显示模态窗口
    };

    $scope.closeModal = function(){
        $scope.modal.hide();    // 隐藏模态窗口
    };
    $scope.$on('$destroy', function() {
        $scope.modal.remove();  // 释放内存
    });

    // Execute action on hide modal
    $scope.$on('modal.hidden', function() {
        // Execute action
    });
    // Execute action on remove modal
    $scope.$on('modal.removed', function() {
        // Execute action
    });
});